<template>
  <div id="app">
    <Nav></Nav>
    <div v-on:click="clickshow">
      <router-link class="routelink" to="/list">推荐</router-link>
      <router-link class="routelink" to="/list">疯抢</router-link>
      <router-link class="routelink" to="/list">清仓</router-link>
      <router-link class="routelink" to="/list">侍寝</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: "App",
  data: function () {
    return {
      show: true,
    };
  },
  components: {
    
  },
  methods: {
    clickshow() {
      this.show = false;
      console.log(this.show);
    },
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
#app {
  text-align: center;
  background-color: #cccccc;
  /* width: 100%; */
  height: -webkit-fill-available;
}
#app div {
  margin: 5px auto 10px auto;
}
.introduce {
  text-align: left;
  margin-top: 10px;
}
span:first-child {
  font-weight: 700;
}
img {
  width: 100%;
  border-radius: 5px;
}
.routelink {
  text-decoration: none;
  margin: 0 10px;
  color: black;
}
</style>
